<template>
    <div class="pagination-wrap">
        <el-pagination style="margin-top: 20px;" v-model:currentPage="prop.currentPage" v-model:page-size="pageSize"
            :page-count="prop.pageCount" :total="prop.dataTotal" @current-change="currentChange" background
            :page-sizes="[10, 20, 50, 100]" layout="total, sizes, prev, pager, next, jumper"></el-pagination>
    </div>
</template>
<script setup>
import { defineProps } from 'vue';
const prop = defineProps(['currentPage', 'pageSize', 'pageCount', 'dataTotal']);
const emit = defineEmits(['currentChange']);

function currentChange(page) {
    emit('currentChange', page)
}

</script>
<style lang="scss">
.pagination-wrap {
    display: flex;
    justify-content: flex-end;
}
</style>